import s from './index.module.scss'

interface SectionCardProps {
  title: string,
  desc: string,
  bgcolor?: string,
  children: any
}

export default function SectionCard(props: SectionCardProps) {
  const {title, desc, bgcolor = '#FFF', children} = props

  return (
    <section className={s.wrapper} style={{backgroundColor: bgcolor}}>
      <div className={s.title}>{title}</div>
      <div className={s.description}>{desc}</div>

      <div className={s.inner}>{children}</div>
    </section>
  )
}